<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地址栏</title>
    <script>
        function f1(){
            // 通过location属性可以设置或返回当前地址栏的地址
            // let url = window.location;
            let url = location;
            console.log(url.href);
            // 当设置了地址栏的地址之后,相当于页面跳转
            location.href = "01-hello.html";
        }
        function f2(){
            // 通过window.opener获取到打开该窗口的窗口
            // 返回值是Window对象
            // 同样可以调用Window对象的方法与属性
            let opener = window.opener;
            // 获取打开该窗口的窗口的url地址
            console.log(opener.location.href);
            opener.location.href="31-select.html";
        }
        function f3(){
            // 通过window.parent获取父窗口
            // 返回值是Window对象
            // 同样可以调用Window对象的方法与属性
            let parent = window.parent;
            console.log(parent.location.href);
            // location.href = "31-select.html";
            parent.location.href="31-select.html";
        }
    </script>
</head>
<body>
<button onclick="f1()">当前地址栏</button><br/>
<button onclick="f2()">打开该页面的窗口的地址栏</button><br/>
<button onclick="f3()">父窗口</button><br/>

</body>
</html>